@import "~assets/css/less.less";

.home{
  .head{
    img{display: block;}
  }
  .c-btn{position: absolute;top: 760/@rem;width: 60%;left: 20%; color:#000;}
  .explain{position: absolute;top:1100/@rem;left: 140/@rem;right: 0;font-size: 24/@rem;
    label{color: #d90014;font-weight: normal;}
    p{color: #e69332;font-size: 20/@rem;margin-top: 5/@rem;}
  }
  .round{font-size: 24/@rem;text-align: center;line-height: 130/@rem;position: absolute;top: 1390/@rem;left: 50%;margin-left: -75/@rem;}
  .ul{padding: 78/@rem 40/@rem;background: url("~assets/img/home-bg-2.jpg");overflow: hidden;margin-left: -34/@rem;
    li{float: left;width: 200/@rem;box-sizing: border-box;padding:12/@rem 12/@rem 22/@rem;background-color: #3b3dae;text-align: center;margin-left: 34/@rem;margin-top: 40/@rem;
      .img{width:180/@rem; height:140/@rem; overflow:hidden;
        img{width:100%; min-height:100%;}
      }
      .name{font-size: 28/@rem; line-height:28/@rem; height:28/@rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;margin-top: 15/@rem;}
      .number{font-size: 34/@rem;color: #ffff00;margin-top: 10/@rem;}
      .btn{display:block; font-size: 20/@rem;color: #01466b;margin-top: 15/@rem;height: 43/@rem;background: url("~assets/img/home-btn-line.jpg") repeat-x;background-size: auto 100%;line-height: 43/@rem;border: 2px solid #212391;border-radius: 4px;}
    }
    .more{
      display:block; clear:both; background:none; text-align:center; color:#fff; width:100%; font-size:20/@rem;
    }
  }
}
